<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src="https://cdn.bootcss.com/jquery/3.4.0/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js"></script>
    <!-- <script>var vConsole = new VConsole();</script> -->
    <title>Document</title>
</head>

<body>


    <!-- <div id="sch-box" class="sch-box">
        <div class="sch-input-cont">

            <input id="searchText" class="borderradius-3 sch-input" type="search" placeholder="请输入您车所在的位置">

            <span id="schInputDel"></span>
        </div>
    </div>
    <div id="login_address">
        <a class="address-search" id="address-search" href="javascript:;">
            <span class="address-searchfont">
                点击定位当前位置
            </span>
        </a>
    </div>
    <div id="searchResultPanel" style="border:1px solid #C0C0C0;width:150px;height:auto; display:none;"></div> -->
    <div id="allmap"></div>

    <script type="text/javascript"
        src="https://api.map.baidu.com/api?v=2.0&ak=wrQtcxmVhln7DH3Ozx8RRK1xreYVIaT2"></script>
    <!--加载鼠标绘制工具-->

    <script type="text/javascript">
        var map;
        var geoc = new BMap.Geocoder();
        var myValue;
        $(function () {
            var p = { x1: 0, y1: 0, x2: 0, y2: 0 };
            $(".footers").hide();
            $("html").css("background-color", "#f5f5f5");

            var height = $(window).height() - 146;
            $("#allmap").css("height", height + 'px');

            map = new BMap.Map("allmap");
            var point = new BMap.Point(116.331398, 39.897445);
            map.centerAndZoom(point, 14);
            map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
            
// //主要内容 S
//             map.addEventListener('touchstart', function (evt) {
//                 console.log(evt,'touchstart')
//                 console.log('X:', evt.touches[0].clientX)
//                 p.x1 = p.x2 = evt.touches[0].clientX;
//                 console.log('Y:', evt.touches[0].clientY)
//                 p.y1 = p.y2 = evt.touches[0].clientY;
//             })
//             map.addEventListener('touchmove', function (evt) {
//                 console.log(evt,'touchmove')
//                 console.log('X:', evt.touches[0].clientX)
//                 p.x2 = evt.touches[0].clientX;
//                 console.log('Y:', evt.touches[0].clientY)
//                 p.y2 = evt.touches[0].clientY;
//             })
//             map.addEventListener('touchend', function (evt) {
//                 //如果x轴或者y轴移动超过10px，那么认为是拖动，而不是点击（touch），使用绝对值保证左右上下移动都可以计算正确
//                 if (Math.abs(p.x1 - p.x2) < 10 || Math.abs(p.y1 - p.y2) < 10) {
//                     alert('点击了地图')
//                     console.log(p);
//                 }else{
//                     alert('拖动了地图')
//                     console.log(p);
//                 }
//             })
//主要内容 E

           map.addEventListener('click', function () { 
             //alert('正常点击')
           })//该事件在部分华为手机无法出发，其他手机暂未发现

    // 保存 touch 对象信息


        function bindTapEvent(dom,callback){
          var obj = {};
          dom.addEventListener('touchstart', function (e) {
              obj.e = e.changedTouches ? e.changedTouches[0] : e;
              obj.target = e.target;
              obj.time = Date.now();
              obj.X = obj.e.pageX;
              obj.Y = obj.e.pageY;
          });

          dom.addEventListener('touchend', function (e) {
              obj.e = e.changedTouches ? e.changedTouches[0] : e;
              if (obj.target === e.target &&
                  // 大于 750 可看成长按了
                  ((Date.now() - obj.time) < 750) &&
                  // 应用勾股定理判断，如果 touchstart 的点到 touchend 的点小于 15，就可当成地图被点击了
                  (Math.sqrt(Math.pow(obj.X - obj.e.pageX, 2) + Math.pow(obj.Y - obj.e.pageY, 2)) < 15)
                ) {
                  // 地图被点击了，执行一些操作
                  callback(e);
              }
          });
        }

        bindTapEvent(map,function(e){
          console.log('模拟点1击',e)
        });

    })

    </script>

</body>

</html>